<template>
  <footer class="vui-footer h-5">{{ getAppInfo.COPYRIGHT }}</footer>
</template>

<script>
  import { defineComponent } from 'vue'

  export default defineComponent({
    name: 'VuiFooter',
    computed: {
      getAppInfo() {
        return this.$store.getters['user/getAppInfo']
      },
    },
  })
</script>

<style lang="scss" scoped>
  .vui-footer {
    display: block;
    padding: 2px 0;
    font-size: 10px;
    text-align: center;
    color: rgba(0, 0, 0, 0.45);
    background: var(--el-color-white);
    border-top: 1px dashed $base-border-color;

    i {
      margin: 0 5px;
    }
  }
</style>
